<template>
  <div class="financial-list">
    <el-table :data="tableData" style="width: 100%" border>
      <el-table-column prop="order_number" label="订单编号"> </el-table-column>
      <el-table-column prop="company" label="单位"> </el-table-column>
      <el-table-column prop="name" label="姓名"> </el-table-column>
      <el-table-column prop="type" label="客户级别"> </el-table-column>
      <el-table-column prop="create_time" label="创建时间"> </el-table-column>
      <el-table-column prop="product_name" label="产品类型"> </el-table-column>
      <el-table-column prop="order_quantity" label="数量（张）"> </el-table-column>
      <el-table-column prop="product_name" label="单价（元）"> </el-table-column>
      <el-table-column prop="pay_status" label="支付状态"> </el-table-column>
      <el-table-column prop="product_name" label="产品类型"> </el-table-column>
      
    </el-table>
  </div>
</template>
<script>
import vue from "vue";
import { Button, Table, TableColumn } from "element-ui";
vue.use(Button);
vue.use(Table);
vue.use(TableColumn);
import { getOrders } from "../../network/4-finance/financialList";

export default {
  data() {
    return {
      tableData: [],
    };
  },
  created() {
    getOrders({}).then((res) => {
      this.tableData = res.data.res;
      // console.log(this.tableData);
    });
  },
};
</script>
<style scoped>
.order-list {
  width: 100%;
}
.el-table {
  line-height: 0;
  text-align: center;
  font-size: 12px;
}
</style>